@CHARSET "UTF-8";
.carousel-control{
	position: absolute;
    top:48%;
    width:45px;
    height:70px;
    font-size: 20px;
    opacity:1;
}
.carousel-control.left{
	left:30px;
	background-image: url("/static/img/index/zuoy-1.png");
	background-position: 0 100%;
}
.carousel-control.right{
	right:30px;
	background-image: url("/static/img/index/zuoy-1.png");
	background-position: 100% 100%;
}
.indicators_z_index{
	z-index: 10;
}
.item{
	width:100%;
}
.item img{
	width:100%;
	max-height:730px;
	min-height:200px;
}
#my-carousel .case_name{
	position:absolute;
	bottom:-34px;
	background-image:url("/static/img/index/case_name_bg.png");
	background-repeat: repeat;
	width:100%;
	text-align: center;
	height: 34px;
	line-height: 34px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	transition:all .3s ease;
}

#my-carousel .flipster__item__content{overflow:hidden !important;}
#my-carousel .flipster__item__content:hover .case_name{bottom:0;}
#my-carousel .flipster__item__content:hover .case_name img{width:366px;height:206px}

/*foot*/
.foot_con {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 76px;
}

.foot_con .cl_dc {
	color: #dcdcdc;
}

.foot_con .cl_a3b {
	color: #a3b1bf;
}

.foot_con ul li a:hover {
	color: #b7c7d7;
	text-decoration: none;
}
.foot_auto {
	max-width:90%;
	margin: 0 auto;
}

.foot_auto .width_18 {
	width: 18%;
}

#friend_href {
	clear: both !important;
	max-width: 1200px;
	margin: 0 auto;
}

.foot_btm {
	max-width: 1200px;
	overflow: hidden;
}

.foot_btm .cl_707 {
	color: #707e8c;
}
.feedbackIframe{
	border:none !important;
	box-shadow: 0px 0px 20px rgba(70, 70, 70, 0.22);
	-moz-box-shadow: 0px 0px 20px rgba(70, 70, 70, 0.22);
	-webkit-box-shadow: 0px 0px 20px rgba(70, 70, 70, 0.22);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Color='rgba(70, 70, 70, 0.22)',Direction=130,Strength=3)";
	*filter:
		"progid:DXImageTransform.Microsoft.Shadow(Color='rgba(70, 70, 70, 0.22)',Direction=130,Strength=3)";
}

@media screen and (max-width:1300px) {}
@media screen and (max-width:1210px) {
	#friend_href ul {
		width: auto;
	}
.foot_auto .f18{
		font-size:16px;
	}
	.foot_auto .f16{
		font-size:14px;
	}
	.foot_auto .width_18{
		width:19%;
	}
}
@media screen and (max-width:800px) {
	.foot_auto .width_18{
		width:17%;
	}
#foothide{
		display: none;
	}
}
@media screen and (max-width:700px) {
	.foot_auto .width_18{
		width:16%;
	}
	#foothide{
		display: none;
	}
}
@media screen and (max-width:1000px) {
}

@media screen and (max-width:450px) {
	#foothide{
		display: none;
	}
.foot_auto div {
		display: block;
		float: none;
		overflow: hidden;
		margin-bottom: 20px;
		padding-left:25%;
	}
	.foot_auto .width_18 {
		width:68%;
		margin:0 auto;
	}}
@media screen and (max-width:375px) {
}
@media screen and (max-width:320px) {
.foot_auto .width_18{
		width:50%;
	}
	.foot_auto div{
		padding-left: 15%;
	}
}